<html>
    <head>
        <title>组件命名</title>
    </head>
    <script>
        // 一、组件名
                          /*
                              在注册一个组件的时候，我们始终需要给它一个名字。

                              比如在全局注册的时候我们已经看到了:
                          */
                          Vue.component('my-component-name',{/*....*/})
                              
                              // 该组件名就是 Vue.component的第一个参数。
                              /*
                                  你给予了组件的名字可能依赖于你打算拿它来做什么。
                                  当直接在DOM中使用一个组件(而不是在"字符串模板"或"单文件组件")
                                  的时候，我们强烈推荐遵循W3C规范中的"自定义组件名(kabab-case)"
    
                                  这会帮助你避免和当前以及未来的HTML元素相冲突。
                              */
    
                            // 1、组件名大小写
                                      /*
                                          定义组件名有两种方式：
    
                                              ①、使用kebab-case(短横线分割命名)
                                                      eg:
                                                          Vue.component('my-component-name',{......})
    
                                                  当使用kebab-case定义一个组件名时，你也必须在引用这个自定义元素时使用kebab-case
    
    
                                              ②、使用PascalCase(大坨峰命名)
                                                      eg:
                                                          Vue.component('MyComponentName',{.....})
    
                                              当使用PascalCase定义一个组件时，你在引用这个自定义元素时，两种命名方法都可以使用
                                              也就是说<my-component-name> 和 <MyComponentName>都是合法的。
                                      */
                                     
    </script>
</html>